html,body{
	height:100%; 
}
.head,.content,.foot{
	width:100%;
	 
	vertical-align: middle;
	min-width: 1000px;
}
body{
	transition:all .5s;
	z-index:1;
	background:linear-gradient(to bottom,#c79e9e,#5f5757);
}
.head{
	height: 15%;
	z-index:2;
	display: flex;
	justify-content: space-between;
}
.content{
	height:65%;
	 
	z-index:2;
}
.float_left{
	float: left;
}
.imgLogo{
	width: 15%;
}
.banner{
	margin-left: 18%;
	width: 82%;
	background-color: #222222;
	height: 64px; 
	display: table;
}
.bannerItem{
	display: table-cell; 
	width:1%;
	line-height: 64px;
	text-align: center;
	font-size: 24px;
	list-style: none;
	transition:all .9s;
	cursor:pointer;
}
.bannerItem:hover{
	background:rgba(245, 235, 234, 0.38);
}
.bannerItem > a{
	width:100%;
	color: #5CB85C;
}

.log_form{
	width: 70%;
	 
	padding:0% 12%;
	margin:0 auto;
}
.log_form table{
	width: 100%;
	background: linear-gradient(to bottom,#9e9e9e,#774848);
	border: 1px solid #080808;
}
.log_form table td{
	padding:0px;
	height:30px;
}
.log_form:tr:not{:first-child} td{
	width: 50%;
	 border: 1px solid #080808;
	 color:#CCCCCC;
}
.log_form td:nth-child(1){
 text-align:left ;
}
.log_form td:nth-child(2){
	text-align:right;
	 
}
.log_form th{
	font-size: 34px;
	color:#CDC0B0;
}
.log_form td{
	height:30px;
	font-size: 20px;
	height: 34px;
}
.log_form input{
	display: inline-block;
	width: 100%;
	height:100%;
	line-height: 100%;
	font-size: 20px;
	transition:all .5s;
}
.log_form input:focus{
	border:2px solid #567156;
} 
.log_form td.td_button{
	text-align: center;
	border: none;
}
.log_form td.td_button input{
	background: linear-gradient(to bottom, #5a5050, #997a9c);
	border: 1px solid #000000;
	padding:5px 30px;
	line-height: 100%;
	cursor: pointer;
}
.foot{
	height:20%
}